<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.warpper {
				width: 1226px;
				height: 614px;
				background-color: #eee;
				margin: 0 auto;
				display: flex;
			}
			img {
				width: 100%;
				height: 100%;
			}
			.item>img {
				width: 160px;
				height: 160px;
				margin: 20px auto;
			}
			.leftphone {
				width: 234px;
				background-color: #e33;
				
			}
			.rightphone {
				width: 992px;
				height: 614px;
				padding-left: 14px;
				background-color: #eee;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
			.topwarpper {
				width: 990px;
				height: 300px;
				background-color: #eee;
				display: flex;
				justify-content: space-between;
			}
			.bottomwarpper {
				width: 990px;
				height: 300px;
				background-color: #eee;
				display: flex;
				justify-content: space-between;
			}
			.item {
				width: 234px;
				height: 300px;
				background-color: #fff;
				display: flex;
				flex-direction: column;
				/* justify-content: space-between; */
			}
			.title {
				width: 214px;
				height: 21px;
				font-size: 14px;
				color: #333333;
				text-align: center;
				margin-bottom: 2px;
			}
			.desc {
				width: 214px;
				height: 18px;
				font-size: 12px;
				color: #B0B0B0;
				text-align: center;
				margin-bottom: 10px;
			}
			.price {
				width: 214px;
				height: 21px;
				font-size: 14px;
				color: #FF6700;
				text-align: center;
				margin-bottom: 14px;
			}
		</style>
	</head>
	<body>
		<div class="warpper">
			<div class="leftphone">
				<img src="img_mi/MIZ_FOLD.webp">
			</div>
			<div class="rightphone">
				<div class="topwarpper">
					<div class="item">
						<img src="img_mi/MI_MIX4.webp">
						<div class="title">Xiaomi MIX 4</div>
						<div class="desc">CUP全面屏</div>
						<div class="price">4999元起</div>
					</div>
					<div class="item">
						<img src="img_mi/Note10_Pro.webp">
						<div class="title">Note 10 Pro</div>
						<div class="desc">天玑1100年度旗舰芯</div>
						<div class="price">1599元起</div>
					</div>
					<div class="item">
						<img src="img_mi/Redmi_Note10_5G.webp">
						<div class="title">Redmi Note 10 5G</div>
						<div class="desc">5G小金刚 | 旗舰长续航</div>
						<div class="price">1099元起</div>
					</div>
					<div class="item">
						<img src="img_mi/MIX_FOLD.webp">
						<div class="title">小米MIX FOLD</div>
						<div class="desc">折叠大屏 | 紫烟芯片</div>
						<div class="price">9999元起</div>
					</div>
				</div>
				<div class="bottomwarpper">
					<div class="item">
						<img src="img_mi/MI11_Ultra.webp">
						<div class="title">小米11 Ultra</div>
						<div class="desc">1/1.12"GN2 | 2K四微曲屏</div>
						<div class="price">5499元起</div>
					</div>
					<div class="item">
						<img src="img_mi/MI11_Pro.webp">
						<div class="title">小米11 Pro</div>
						<div class="desc">1/1.12"GN2 | 骁龙888</div>
						<div class="price">4499元起</div>
					</div>
					<div class="item">
						<img src="img_mi/MI_Teenanger.webp">
						<div class="title">小米11 青春版</div>
						<div class="desc">小米11 青春版 轻薄</div>
						<div class="price">1999元起</div>
					</div>
					<div class="item">
						<img src="img_mi/K40.webp">
						<div class="title">K40游戏增强版</div>
						<div class="desc">轻薄电竞设计</div>
						<div class="price">1999元起</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
